<%@ page language="java" contentType="text/html; charset=utf-8"
    pageEncoding="utf-8"%>
    <%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<!DOCTYPE html>
<html>
<head>
    <title>齐天大圣官方独立公司</title>
    ﻿<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="format-detection" content="telephone=no">
<meta name="renderer" content="webkit">
<meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1,user-scalable=no">
<meta http-equiv="Cache-Control" content="no-siteapp" />
<link rel="alternate icon" type="image/png" href="images/favicon.png">
<link rel='icon' href='favicon.ico' type='image/x-ico' />
<meta name="description" content="" />
<meta name="keywords" content="" />
<link rel="stylesheet" href="css/default.min.css?t=227" />
<script type="text/javascript" src="lib/jquery/jquery.min.js"></script>
<script type="text/javascript" src="lib/handlebars/handlebars.min.js"></script>
<script type="text/javascript" src="lib/iscroll/iscroll-probe.js"></script>
<script type="text/javascript" src="lib/amazeui/amazeui.min.js"></script>
<script type="text/javascript" src="lib/raty/jquery.raty.js"></script>
<script type="text/javascript" src="js/main.min.js?t=1"></script>
<style type="text/css">
	.td9 {
	    font-size: 17px;
			}
	#h1h {
		color: mediumpurple;
		font-family: 楷体;
		font-size: 38px;
		font-weight: bold;
			}
	.span2 {
		font-size: 21px;
			}
	#dandu {
		color: black;
		font-weight: bold;
			}
	.zuihouanniu {
		color: black;
			}	
	.zuihouanniu:hover{
		color: black;
	}	
	.cor{
		color: #269ABC;
	}
	.cor:hover{
		color: skyblue;
	}	
	
	
	ul{list-style-type:none;}
	.ysA{text-decoration:none;color:black;}
	#nav{line-height:30px;}
	#nav li{float:left;width:100px;}
	#nav li .ysA{display:block;width:100px;background:#EB7350;text-align:center;}
	#nav li .ysA:hover{background:#666;color:#fff;font-weight:bold;}
	#nav li ul{line-height:20px;position:absolute;display:none;}
	#nav li ul li{float:left;width:130px;}
	#nav li ul li a{display:block;width:130px;background:#666;text-align:left;padding-left:30px;}
	#nav li ul li a:hover{background:red;font-weight:normal;}
	
	
	
	
</style>
<script type="text/javascript" src="http://pic.veryhuo.com/uploads/common/js/jquery-1.3.2.js"></script>
<script type="text/javascript">
$(function(){
var key=$("#nav>li");
key.mouseover(function(){
$(this).children(".nn1").fadeIn();
});
key.mouseout(function(){
$(this).children(".nn1").fadeOut();
});
});
</script>
</head>
<body>
<jsp:include page="/headerServlet"></jsp:include>




<section class="index-section">
    <div>
        <span></span>
        <span></span>
    </div>
    <div class="index-content">
        <section class="index-content-section-first"><div><img src="img/23.jpg" alt=""></div></section>
        <section class="index-content-section-second">
            <div>
                <div class="index-auto">
            <article>公司介绍</article>
            <h6>COMPANY INTRODUCTION</h6>
              <main>${us1.home }</main> 
            <a class="index-button" href="#">查看详情</a>
                </div>
            </div>
        </section>
    </div>
</section>
<br />
<img src="img/1500910772.png" width="100%" height="80" />









<table align="center">
			<tr>
				<td class="td9" align="left">
					<h4 id="h1h">品牌故事</h4><br />
					<span class="span2">
						${us1.culture }
					</span>
				</td>
				<td align="left">
					<a href=""><img src="img/8.png"></a>
				</td>
			</tr>
			<tr>
				<td>
					<a href=""><img src="img/30.png"></a>
				</td>
				<td>
					<a href=""><img src="img/31.png"></a>
				</td>
			</tr>
</table>



<br>
<table align="center">
	<tr>
		<td style="font-size: 50px;">
			古驰故事
		</td>
	</tr>	
	<tr>
		<td>
			<hr>
		</td>
	</tr>
</table>
<table align="center">
	<tr>
		<td>
			<a href="product_info.html">
                    <img src="img/35.png" />
            </a>
			<h5 align="center">Emma Allegretti通过插画描绘Gucci美妆</h5>
		</td>
		<td width="30px"></td>
		<td rowspan="2">
			<img src="img/37.png" >
		</td>
		<td width="30px"></td>
		<td>
			<a href="product_info.html">
			        <img src="img/34.png" />
			</a>
			<h5 align="center">#GucciCommunity古驰社群呼吁各方共同抗疫</h5>
		</td>
	</tr>
	<tr>
		<td>
			<a href="product_info.html">
	                <img src="img/36.png" />
	        </a>
			<h5 align="center">"异想空间，方寸乾坤"</h5>
		</td>
		<td width="30px"></td>
		<td width="30px"></td>
		<td>
			<a href="product_info.html">
			        <img src="img/33.png" />
			</a>
			<h5 align="center">樋口裕子创造的奇幻世界</h5>
		</td>
	</tr>
</table>
<br>




<section class="pro-list">
  

    <aside class="pro-rightsidebar">
        <header>

                    <p></p>
            <span>化妆品系列</span>
        </header>
        <ul>
            <li >
                <a href="productdetails.html">
                <div class="img-box">
                    <img src="img/k1.jpg">
                    <p>Modern Muse <br>缪斯淡香氛</p>
                </div>
                </a>
            </li>

            <li>
                <a href="productdetails.html">
                    <div class="img-box">
                        <img src="img/k2.jpg">
                        <p>Advanced Night Repair<br> 小棕瓶密集修护眼精华</p>
                    </div>
                </a>
            </li>

            <li>
                <a href="productdetails.html">
                    <div class="img-box">
                        <img src="img/k3.jpg">
                        <p>Advanced Night Repair<br>肌透修护密集精华眼膜</p>
                    </div>
                </a>
            </li>

            <li>
                <a href="productdetails.html">
                    <div class="img-box">
                        <img src="img/k4.jpg">
                         <p>Supreme <br>多效智妍眼霜</p>
                    </div>
                </a>
            </li>

            <li>
                <a href="productdetails.html">
                    <div class="img-box">
                        <img src="img/k5.jpg">
                        <p>Micro Essence<br>微精华露</p>
                    </div>
                </a>
            </li>

            <li>
                <a href="productdetails.html">
                    <div class="img-box">
                        <img src="img/k6.jpg">
                        <p>Advanced Night Repair<br> 特润修护肌透精华露</p>
                    </div>
                </a>
            </li>

            <li>
                <a href="productdetails.html">
                    <div class="img-box">
                        <img src="img/k7.jpg">
                         <p>Pure Color <br>花漾魅型五色眼影盘</p>
                    </div>
                </a>
            </li>

            <li>
                <a href="productdetails.html">
                    <div class="img-box">
                        <img src="img/k8.jpg">
                         <p>Double Wear <br>持妆无瑕遮瑕乳</p>
                    </div>
                </a>
            </li>
        </ul>
        
    </aside>


</section>







<section class="index-margin-bottom" style="    margin-left: 150px;">
    
    <div class="index-content">


        <div class="new-index">
            <ul>
                <li><img  src="img/38.png" alt=""> </li>
                <li>  <a href="article_list_content.html"><h3>巴黎欧莱雅，你值得拥有！</h3>
                    <article>承袭高雅的法兰西浪漫气质，迈着新锐科技专业护肤的脚步，巴黎欧莱雅，牵手“星”光万丈的全球当红明星。
					</article></a></li>
            </ul>
            <ul>
                <li><a href="article_list_content.html"><h3>从一种染发剂到全球第一美妆品牌</h3>
                    <article>1907年，年仅28岁的欧仁·舒莱尔发明出世界上第一种无毒的合成染发剂，并命名为欧莱雅（L’Oreal）。
                    </article>
                </a></li>
                <li><a href="article_list_content.html"><h3>科研力量引领美丽新潮流</h3>
                    <article>巴黎欧莱雅在全球不同地区拥有一流的研发与创新中心，专门研究适合不同地区消费者肌肤的产品。
                    </article></a>
                </li>
                <li><a href="article_list_content.html"><h3>比任何人更加了解美丽的定义</h3>
                    <article>SK-II相信为不同女性度身制定产品清单，以配合她们的不同的生活习惯及肌肤状况，才是最好的护肤方法。
                    </article></a>
                </li>
                <li><a href="article_list_content.html"><h3>秋田追踪科研：真正完美的定义</h3>
                    <article>
追寻美丽是无数女性一直以来的梦想，她们渴望拥有不变的完美。
                    </article></a>
                </li>
            </ul>

        </div>
    </div>
</section>












<table align="center" style="margin-left: 263px;">
	<tr>
		<td>
			<h1 id="h1h">品牌广告</h1>
					<img src="img/1500910772.png" width="100%" height="30" />
		</td>
	</tr>
	<tr>
		<td>
			<h4>
				${us1.advertising }
			</h4>
		</td>
	</tr>
</table>	

        <table>
			<tr>
				<td width="550px"></td>
				<td>
					<a href=""><img src="img/16.png" width="250"/></a>
				</td>
			</tr>
		</table>
		<br />
		
		
<table align="center" style="margin-left: 263px;">
	<tr>
		<td>
			<h4 id="dandu">词条标签：</h4>
			${us1.label }
		</td>
	</tr>
</table>


<br /><br />



<table align="center" style="margin-left: 263px;">
	<tr>
		<td>
			<h4 id="dandu">相关内容</h4>
					<img src="img/1500910772.png" width="100%" />
		</td>
	</tr>
</table>




                    <table width="1000" align="center" style="margin-left: 263px;">
						<tr class="col">
						<c:forEach items="${us3 }" var="lss">
							<td>
								<a href="#" class="cor">${lss.related }</a>
							</td>
							<td></td>
							</c:forEach>
						</tr>
						<tr class="col">
						<c:forEach items="${us4 }" var="lsss">
							<td>
								<a href="#" class="cor">${lsss.related }</a>
							</td>
							<td></td>
							</c:forEach>
						</tr>
						
					</table><br>


<jsp:include page="/footerServlet"></jsp:include>



</body>
</html>